var estilo=1;
function displayData(){
    xml = loadXMLDoc("xml/Componentes.xml");
    xsl = loadXMLDoc("xml/components.xsl");	

	
    // code for IE
    if (window.ActiveXObject) {
        ex = xml.transformNode(xsl);
        document.getElementById("contenido_1").innerHTML = ex;
    }
    // code for Mozilla, Firefox, Opera, etc.
    else 
        if (document.implementation && document.implementation.createDocument) {
            xsltProcessor = new XSLTProcessor();
            xsltProcessor.importStylesheet(xsl);
            resultDocument = xsltProcessor.transformToFragment(xml, document);
            
			exampleDiv = document.getElementById("example");
			exampleDiv.innerHTML = "";
            exampleDiv.appendChild(resultDocument);
        }
}

function precioComponentes () {
   var x = $("input.radio:checked");
   var total=0;
   for(i=0;i<x.length;i++){
   		total+=parseInt(x[i].value);
   }
	$("#valorPrecio").text(total);
	
	var y = $("div.contenido");
	var t = $("table",y);
	var f = $("tr:has(input:checked)",t);
	
	var tabla=$("#tablaResumen");
	tabla.find('tr:gt(0)').remove();
	for(var j=0;j<f.length;j++){
		var tds="<tr><td>";
		var p=f[j].parentNode.parentNode.parentNode.parentNode;
		var at=p.attributes["id"].nodeValue;
		var n=$("a[title="+at+"]");
		tds+=n.text();
		tds+="</td><td>";
		var a=$(":nth-child(2)",f[j]);
		var a2=$(":first-child",a);
		tds+=a2[0].innerHTML;
		a2=$(":nth-child(2)",a);
		tds+=a2[0].innerHTML;                                        
		tds+="</td><td>";
		tds+=$(":nth-child(2)",f[j])[0].children[3].children[7].innerHTML;
		tds+="</td></tr>";
		tabla.append(tds);
	}
	
}

function loadXMLDoc(dname){
    if (window.XMLHttpRequest) {
        xhttp = new XMLHttpRequest();
    }
    else {
        xhttp = new ActiveXObject("Microsoft.XMLHTTP");
    }
    xhttp.open("GET", dname, false);
    xhttp.send("");
    return xhttp.responseXML;
}

function promociones()
{
	xml = loadXMLDoc("xml/Promociones.xml");
    xsl = loadXMLDoc("xml/Promociones.xsl");	
    
    exampleDiv = document.getElementById("promociones");
    // code for IE
    if (window.ActiveXObject) {
        ex = xml.transformNode(xsl);
        exampleDiv.innerHTML = ex;
    }
    // code for Mozilla, Firefox, Opera, etc.
    else 
        if (document.implementation && document.implementation.createDocument) {
            xsltProcessor = new XSLTProcessor();
            xsltProcessor.importStylesheet(xsl);
            resultDocument = xsltProcessor.transformToFragment(xml, document);
			exampleDiv.innerHTML = "";
            exampleDiv.appendChild(resultDocument);
        }
    var component = document.getElementById("example");
    component.style.display="none";
    exampleDiv.style.display="";
	MostrarPromos();
}


$(document).ready(function(){
	
		
	displayData();
	
	$("#comp").click(function(e){
		e.preventDefault();
		//displayData();
		$("#promociones")[0].style.display="none";
		$("#example")[0].style.display="";
		
	});
	
	$("#prom").click(function(e){
		e.preventDefault();
		promociones();
	});
	
	$("#est").click(function(e){
		e.preventDefault();
		cambiarEstilo();
	});
	
	$("#Comision").click(function(e){
		$('#autores').modal();
		return false;
	});
	
	$("#comp").click(function() {
		$("li.menuActivo").removeClass("menuActivo");
		$(this).addClass("menuActivo");
	});
	$("#prom").click(function() {
		$("li.menuActivo").removeClass("menuActivo");
		$(this).addClass("menuActivo");
	});
	
	// Cuando el enlace del encabezao sea clickeado
	$("a.tab").click(function () {
		if(estilo==1){
			// Apaga el Activo
			$(".activo").removeClass("activo");
			
			// Cambia Activo
			$(this).addClass("activo");
			
			// Despliega, escondiendo
			$(".contenido").hide();
			
			// Muestra el contenido, obteniendo del atributo title del enlace (p.e. contenido_1), y muestra con 'show' el contenido
			var muestra = $(this).attr("title");
			$("#"+muestra).show('slow');
			
		}
	});
	
	$('div.acordeon').click(function() {
		if(estilo==2){
			$(".acordeon").show('slow');
			$('.contenido').slideUp('normal');	
			$(this).next().slideDown('normal');
		}
	});
	
//	$("div.accordionContent").hide();
	
	
	$("input.radio").click(function(){
		precioComponentes();
	})
	
	$("#comp").addClass("menuActivo");
	
	$(".info").click(function(){
		var v =$(" ~div",this);
		v.modal();
	});
		
	
	if(readCookie('estilo') == null)
		establecerEstilo("estilo1");
	else
		establecerEstilo(readCookie('estilo'));
		
});

function establecerEstilo(title)
{
	var i, a, main;
	createCookie("estilo",title,7);
	for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
		if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title")) {
			a.disabled = true;
			if(a.getAttribute("title") == title) 
	      		a.disabled = false;
	    }
	}
	if(title=="estilo1")
		estilo=1;
	else
		estilo=2;
	if(estilo==1){
		$(".acordeon").hide();
		$(".titulos").show();
		$(".activo").removeClass("activo");
		$(".contenido").hide('slow');
		var muestra = $("a.tab").attr("title");
		$("#"+muestra).show('slow');
		$("a.tab[title=contenido_1]").addClass("activo");

	}else{
		$(".titulos").hide();
		$(".acordeon").show();
		$('.contenido').slideUp('normal');	
		$(this).next().slideDown('normal');

	}
}
function cambiarEstilo(){
	estilo=(estilo)%2+1;
	establecerEstilo("estilo"+estilo);
}
function createCookie(name,value,days) {
	var max_age ="";
	if (days) {
		var seg = 60 * 60 * 24 * days;
		max_age = (" max-age="+seg+";")
	}
	document.cookie = name+"="+value+";"+max_age+" path=/";
}

function readCookie(name) {
	if (document.cookie.length != 0) { 
		var valor_cookie = document.cookie.match 
		( '(^|;)[\s]*' + name + '=([^;]*)' ); 
		return  valor_cookie[2]; 
	} 
	return null ;
}
function eraseCookie(name) { 
	document.cookie = name + "=;	max-age=0;	path=/;"; 
}

function borrarPedido(){
	$("input.radio").attr("checked",false);
	$("#valorPrecio").text(0);
}
function comprar() {
	alert("La seccion de compra no esta implementada");
}
